* {
padding: 0px;
margin: 0px;
list-style: none;
}
img {
border: none;
border: 0;
}
em,
i {
font-style: normal;
}
a {
text-decoration: none;
color: #000;
}
a:visited {
color: #333;
}
a:hover {
color: #095bac;
}
a:focus {
outline: 0;
}
html {
font: normal 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif;
background: #fff;
}
body {
background: #fff;
font: normal 14px/1.5 "microsoft yahei", tahoma, arial, sans-serif;
}
input,
input:focus {
outline: none;
text-indent: 5px;
border: none;
}
.overf{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
h1,
h2,
h3,
h4 {
font-weight: normal;
}
h1 {
font-size: 20px
}
h2 {
font-size: 18px
}
h3 {
font-size: 16px
}
h4 {
font-size: 14px
}
.container {
width: 1200px;
height: auto;
margin: 0 auto;
overflow: hidden;
color: #333333;
font-size: 14px;
padding: 0;
}
.fl {
float: left;
color: #000000;
font-size: 16px;
}
.f11 {
float: right;
color: #ff0000;
font-size: 28px;
}
.fr {
float: right;
}
.clear {
zoom: 1;
}
.clear:after {
content: '';
display: block;
clear: both;
}
/* 首页 */
.top {
background-color: #f6f6f6;
}
.top .top_l {
height: 40px;
line-height: 40px;
}
.top .top_nav ul li {
float: left;
display: block;
position: relative;
}
.top .top_nav ul li a {
height: 40px;
line-height: 40px;
}
.top .top_nav ul li em {
padding: 0 12px;
}
.top .top_nav .ico_a {
background: url(../images/wx_icon.png) no-repeat left 1px;
padding-left: 28px;
}
.top .top_nav ul li a:hover {
color: #0154bc;
background-position: left -19px;
}
.top .top_nav .top_ewm {
position: absolute;
top: 40px;
left: -8px;
height: 100px;
width: 100px;
-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.6);
display: none;
z-index: 999;
}
.top .top_nav .top_ewm img {
width: 96px;
height: 96px;
margin: 2px auto;
display: block;
}
.top .top_nav ul li:hover .top_ewm {
display: block;
}
.head {
text-align: right;
height: 123px;
}
.head .logo {
width: 330px;
height: 63px;
margin-top: 30px;
}
.head .logo img {
width: 330px;
height: 63px;
}
.head .logo_line {
float: left;
width: 1px;
height: 50px;
background-color: #a7a7a7;
margin: 37px 8px 0;
}
.head .head_title {
text-align: left;
margin-top: 40px;
}
.head .head_title h2,
.head .head_title h3 {
font-size: 15px;
color: #000;
font-weight: bold;
text-shadow: 2px 2px #d9d9d9;
margin-top: 0;
}
.head .head_title h3 span {
color: #fb0703
}
.head_tel {
background: url(../images/tel_ico.png) no-repeat left 0;
padding-left: 61px;
margin-top: 20px;
text-align: left;
}
.head_tel h1 {
color: #ff6904;
font-size: 28px;
line-height: 30px;
margin-top: 2px;
}
.head_tel p span {
color: #fe0000;
}
.top .top_nav .top_phone {
background-image: url(../images/phone_ico.jpg);
padding-left: 19px;
}
/* 导航 */
.my_nav {
background-color: #0154bc;
height: 60px;
}
.my_nav ul .nl {
float: left;
width: 150px;
height: 60px;
line-height: 60px;
text-align: center;
position: relative;
}
.my_nav ul .nl a {
width: 148px;
height: 60px;
line-height: 60px;
color: #ffffff;
font-size: 16px;
display: block;
position: relative;
z-index: 999;
float: left;
}
.my_nav ul .nl span {
display: block;
width: 1px;
height: 30px;
background-color: #4380cd;
float: left;
margin-top: 15px;
}
.my_nav .nl a:hover {
background-color: #ff6904;
}
.search {
height: 70px;
position: relative;
z-index: 9999;
margin: 0px auto 0;
overflow: hidden;
background-color: #fff;
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 5px rgba(0, 0, 0, .4);
}
.search .search_l {
color: #ff6501;
margin-left: 34px;
line-height: 70px;
max-width: 850px;
overflow: hidden;
}
.search .search_l a {
padding-right: 16px;
}
.search .search_l a:hover {
color: #0154bc;
}
.search form {
margin-top: 17px;
margin-right: 36px;
}
.search .inpu {
width: 209px;
height: 36px;
line-height: 36px;
border: 1px solid #dbdbdb;
color: #666666;
}
.search .inpu:hover,
.search_r .inpu:focus {
border-color: #0154bc;
}
.search .inpu_pic {
width: 46px;
height: 36px;
margin-left: -1px;
background: url(../images/search.jpg) no-repeat center center;
cursor: pointer;
}
/* 产å“ä¸å¿ƒ */
.product {
background-color: #f8f8f8;
margin-top: -40px;
padding-top: 112px;
}
.index_title .pro_title {
text-align: center;
font-size: 30px;
height: 36px;
line-height: 36px;
color: #000000;
background: url(../images/index_title_bg.png) center 0px no-repeat;
}
.index_title p {
text-align: center;
font-size: 20px;
text-transform: uppercase;
color: #666;
line-height: 50px;
}
.pro_groud .bd {
width: 1200px;
height: 506px;
}
.pro_list {
width: 100%;
height: auto;
margin: 0 auto;
overflow: hidden
}
.pro_groud ul,
.pro_list ul {
width: 110%;
padding-top: 30px;
}
.pro_groud ul li,.pro_list ul li {
width: 288px;
height: 240px;
overflow: hidden;
float: left;
margin: 0 16px 26px 0;
}
.pro_groud ul li div {
display: block;
width: 288px;
height: 192px;
overflow: hidden;
}
.pro_groud ul li img,
.pro_list ul li img {
width: 288px;
height: 192px;
}
.pro_groud ul li p,
.pro_list ul li p {
width: 100%;
height: 48px;
line-height: 48px;
background-color: #f2f2f2;
text-indent: 20px;
}
.pro_groud ul li p a,
.pro_list ul li p a {
display: block;
}
.pro_groud ul li p span,
.pro_list ul li p span {
display: inline-block;
width: 14px;
height: 14px;
margin: 17px 20px 17px 0;
float: right;
background: url(../images/yuan_jia.png) no-repeat center top;
}
.fangan {
background: url(../images/fang_bg.jpg) no-repeat center 0px;
padding-top: 70px;
}
.fangan .index_title {
margin-bottom: 20px;
}
.fangan .index_title .index_title,
.fangan .index_title p {
background-position: center -36px;
color: #fff;
}
.fangan .fangan_list {
padding-top: 11px;
}
.fangan .fangan_pic {
float: left;
width: 300px;
height: 300px;
}
.fangan .fangan_pic img {
width: 300px;
height: 300px;
}
.fangan .fangan_txt {
background: url(../images/fa_txt_bg.png) no-repeat center -300px;
width: 312px;
height: 300px;
padding-left: 12px;
margin-left: -12px;
float: left;
}
.fangan .fangan_txt div {
width: 268px;
height: 268px;
border: 1px solid #ebebeb;
margin: 15px auto;
}
.fangan .fangan_txt div .fangan_txt_title {
text-align: center;
padding-top: 36px;
margin-bottom: 14px;
font-size: 18px;
}
.fangan .fangan_txt div .fangan_txt_txt {
height: 100px;
width: 220px;
line-height: 24px;
overflow: hidden;
margin: 0 auto;
}
.more {
display: block;
width: 88px;
height: 30px;
line-height: 30px;
border: 1px solid #ebebeb;
margin: 0 auto;
text-align: center;
color: #999;
margin-top: 20px;
}
.fangan_top .fangan_txt:hover {
background-position: center 0px;
color: #fff;
}
.fangan_top .fangan_txt:hover a {
color: #fff;
}
.fangan_top .fangan_txt .more:hover {
border-color: #0154bc;
color: #0154bc;
}
.fangan_bottom {
position: relative;
margin-top: 300px;
height: 300px;
}
.fangan_bottom .fangan_txt {
background: url(../images/fa_txt_bg2.png) no-repeat center 0;
padding: 0;
margin: 0;
padding-right: 12px;
position: absolute;
z-index: 999;
}
.fangan_bottom .fangan_txt .fangan_txt_title a,
.fangan_bottom .fangan_txt p,
.fangan_bottom .fangan_txt .more {
color: #fff;
}
.fangan_bottom .fangan_pic {
position: absolute;
left: 300px;
}
.fangan_bottom .fangan_txt:hover {
background-position: left bottom;
}
.fangan_bottom .fangan_txt:hover div {
border-color: #ffc9a6;
}
.fangan_bottom .fangan_txt:hover .fangan_txt_title a,
.fangan_bottom .fangan_txt:hover p {
color: #333;
}
.fangan_bottom .fangan_txt:hover a {
color: #333;
border-color: #ffc9a6;
}
.fangan_bottom .fangan_txt .more:hover {
border-color: #0154bc;
color: #0154bc;
}
.button {
margin: 50px 0;
}
.button .more {
border-color: #ff6904;
color: #ff6904;
width: 146px;
height: 40px;
line-height: 40px;
}
.button .more:hover {
background-color: #ff6904;
color: #fff;
}
.partner {
background: #f8f8f8;
padding: 60px 0 40px;
}
.partner .hezuo_title {
text-align: center;
font-size: 30px;
height: 36px;
line-height: 36px;
color: #000000;
background: url(../images/index_title_bg.png) center 0px no-repeat;
}
.partner .partner_list {
margin-top: 50px;
}
.partner .partner_list ul {
width: 110%;
}
.partner .partner_list ul li {
width: 188px;
height: 78px;
border: 1px solid #dedede;
float: left;
margin-right: 12px;
margin-bottom: 12px;
background-color: #fff;
}
.partner .partner_list ul li div {
display: table-cell;
width: 188px;
height: 78px;
text-align: center;
vertical-align: middle;
}
.partner .partner_list ul li div img {
width: 188px;
height: 78px;
margin: 0 auto;
overflow: hidden
}
.partner .partner_list ul li:hover {
border-color: #ff6904;
}
.about {
background: url(../images/about_bg.jpg) no-repeat center bottom;
padding-bottom: 48px;
padding-top:30px;
}
.about .container {
position: relative;
height: 403px;
}
.about_l {
position: absolute;
left: 0;
width: 488px;
height: 403px;
}
.about_l img {
width: 488px;
height: 345px;
}
.about_r {
position: absolute;
right: 0;
z-index: 999;
background: url(../images/about_r.png) no-repeat center 0px;
width: 740px;
height: 345px;
}
.about_r .about_con {
margin-left: 55px;
width: 660px;
}
.about_r h1 {
font-size: 24px;
margin-top: 50px;
margin-bottom: 10px;
}
.about_r h1 span {
font-size: 18px;
color: #666;
text-transform: uppercase;
}
.about_r p {
width: 100%;
line-height: 28px;
overflow: hidden;
}
.about_r .more {
border-color: #ff6904;
color: #ff6904;
margin: 0;
margin-top: 20px;
}
.about_r .more:hover {
background-color: #ff6904;
color: #fff;
}
.news {
margin: 60px 0;
}
.news_l {
background-color: #f8f8f8;
width: 730px;
padding: 24px 26px 24px 16px;
}
.news_l .hd {
width: auto;
margin-bottom: 16px;
}
.news_l .hd ul li {
background-color: #dedede;
width: 126px;
height: 45px;
line-height: 45px;
cursor: pointer;
float: left;
text-align: center;
margin-right: 10px;
font-size: 16px;
}
.news_l .hd ul li.on {
background-color: #0154bc;
color: #fff;
}
.news_l .hd ul li.on a{color: #fff;}
.news_l .hd>div a {
line-height: 45px;
font-size: 14px;
color: #666;
}
.news_l .hd>div a:hover {
color: #0154bc;
}
.news_l .bd {
width: 680px;
overflow: hidden;
}
.news_l .bd .bd_ul {
zoom: 1;
overflow: hidden;
height: 370px;
}
.news_l .bd .bd_ul li.bd_ul_li {
height: 370px;
overflow: hidden;
float: left;
}
.news_l .bd .bd_ul li ul li {
border-bottom: 1px dashed #dedede;
height: 50px;
line-height: 50px;
overflow: hidden;
}
.first_li {
width: 730px;
height: 143px;
overflow: hidden;
margin-bottom: 15px;
}
.first_li .news_pic {
width: 214px;
height: 143px;
float: left;
overflow: hidden;
margin-right: 20px;
}
.first_li .news_pic img {
width: 214px;
height: 143px;
overflow: hidden;
margin: 0 auto;
}
.first_li .news_box {
width: 450px;
height: auto;
overflow: hidden;
float: left;
}
.first_li .news_box_1 {
height: 36px;
line-height: 36px;
margin-bottom: 9px;
}
.first_li .news_box_1 a {
font-size: 16px;
font-weight: 400;
}
.first_li .news_box_2 {
line-height: 28px;
margin-bottom: 14px;
}
.first_li .news_box_2 a {
color: #0154bc;
}
.first_li .news_box_2 a:hover {
text-decoration: underline;
}
.first_li .news_box_3 {
color: #999;
}
.point {
width: 7px;
height: 7px;
display: inline-block;
float: left;
background-color: #ff6904;
border-radius: 7px;
margin-top: 21px;
margin-right: 4px;
}
.news_l .bd .bd_ul li ul li p {
float: left;
width: 80%;
float: left;
overflow: hidden;
}
.news_l .bd .bd_ul li ul li a:hover {
color: #ff6904;
}
.news_l .bd .bd_ul li ul li .date {
display: inline-block;
}
.news_r {
padding: 27px 15px 25px;
background-color: #f8f8f8;
width: 380px;
}
.news_r .news_r_top {
border-bottom: 1px solid #dedede;
padding-bottom: 12px;
}
.news_r .news_r_top .news_r_title {
background: url(../images/yuan_blue.png) no-repeat left center;
text-indent: 30px;
font-size: 18px;
}
.news_r .news_r_top a {
color: #666666;
}
.news_r .news_r_top a:hover {
color: #0154bc;
}
.news_r .bd {
height: 387px;
width: auto;
overflow: hidden;
}
.news_r .news_r_bottom .question {
padding: 25px 0;
border-bottom: 1px dashed #dedede;
height: 125px;
}
.news_r .news_r_bottom .question .question_title {
font-size: 16px;
background: url(../images/wen.png) no-repeat left center;
padding-left: 32px;
margin-bottom: 12px;
}
.news_r .news_r_bottom .question .question_title a {
color: #034091;
}
.news_r .news_r_bottom .question .question_text {
background: url(../images/da.png) no-repeat left 0px;
padding-left: 32px;
height: 40px;
overflow: hidden;
}
.news_r .news_r_bottom .question .question_text a {
color: #333;
}
.question .question_text a:hover,
.question .question_title a:hover {
text-decoration: underline;
}
.links {
padding: 40px 0;
}
.links_l {
width: 142px;
height: 42px;
background: url("../images/LINKS.jpg") no-repeat 0px 0px;
position: relative;
margin-bottom:10px;
}
.links_l p {
position: absolute;
right: 0;
bottom: 0;
background-color: #f8f8f8;
height: 22px;
line-height: 22px;
width: 65px;
}
.links_r a {
color: #666;
padding: 0 12px;
}
.links_r a:hover {
color: #000;
}
.footer {
background-color: #0154bc;
padding-top: 33px;
}
.footer_nav {
width: 1200px;
height: 76px;
background: url("../images/f_nav_bg.png") center 0px no-repeat;
color: #fff;
line-height: 54px;
margin-bottom: 30px;
}
.footer_nav a {
color: #fff;
display: inline-block;
width: 130px;
text-align: center;
}
.footer_nav a:hover {
text-decoration: underline;
}
.footer .f_logo {
margin-right: 100px;
height: 156px;
}
.footer .f_logo img {
width: 224px;
height: 98px;
margin-top: 20px;
}
.footer .address {
width: 398px;
padd-top: 15px;
height: 141px;
color: #fff;
}
.footer .address p {
line-height: 26px;
}
.footer .footer_ewm {
color: #ffffff;
text-align: center;
}
.footer .footer_ewm img {
width: 109px;
height: 109px;
margin-top: 8px;
}
.footer_ewm .ewm div {
width: 106px;
text-align: center;
margin: 0 8px;
height: 40px;
line-height: 40px;
}
.copyright {
height: 60px;
line-height: 60px;
margin-top: 40px;
text-align: center;
color: #fff;
background: url("../images/copy_top.png") no-repeat center 0px;
}
.copyright span {
margin-right: 20px;
}
.main {
padding-top: 40px;
padding-bottom: 60px;
}
.main_l {
width: 276px;
height: auto;
}
.main_l .main_l_top {
margin-bottom: 30px;
width: 100%;
height: auto;
}
.main_l .main_l_top .inner_l_title,
.main_l .main_l_tel .inner_l_title {
color: #fff;
height: 74px;
line-height: 74px;
font-size: 30px;
padding: 0 20px;
background: url("../images/index_p_h1.png")
/*tpa=http://www.zzdbgps.com/theme/v1/images/index_p_h1.png*/
no-repeat 10px center #0154bc;
text-indent: 44px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.main_l .main_l_top ul {
background-color: #f2f2f2;
padding: 10px 10px 20px;
}
.pageTitle{font-size:25px;text-align:center}
.main_l .main_l_top ul.cat li {
width: 256px;
background-color: #fff;
margin-bottom: 2px;
text-indent: 10px;
}
.pageTitle{border-bottom:1px dotted #ccc;padding-bottom:20px;margin-top:30px;margin-bottom:30px}
.pageCon{line-height:26px;border-bottom:1px dotted #ccc;padding-bottom:20px}
.main_l .main_l_top ul.list li{
line-height:40px;
}
.main_l .main_l_top ul.cat li a {
height: 50px;
line-height: 50px;
font-size: 16px;
display: block;
background: url("../images/yuan.png") no-repeat right 10px center;
}
.main_l .main_l_top ul.cat li:hover {
background-color: #ff6904;
}
.main_l .main_l_top ul.cat li:hover a {
color: #fff;
background-image: url("../images/yuan-w.png");
}
.main_l .main_l_top ul.cat li.on {
background-color: #ff6904;
border-color: #ff6904;
}
.main_l .main_l_top ul.cat li.on a {
color: #fff;
background-image: url("../images/yuan-w.png");
}
.main_l .main_l_tel .tel_con {
padding-left: 14px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f2f2f2;
}
.main_l .tel_con .head_tel {
margin: 0;
padding-left: 61px;
}
.main_l .tel_con .head_tel h2 {
font-size: 24px;
}
.main_l .tel_con table tr {
height: 34px;
line-height: 34px;
}
.main_l .tel_con table .td_l {
width: 70px;
text-align: right;
}
.main_l .tel_con table .td_l_addr_1 {
line-height: 34px;
vertical-align: top;
}
.main_l .tel_con table .td_l_addr_2 {
height: 40px;
line-height: 22px;
padding-top: 6px;
}
.main_r {
width: 896px;
}
.main_r .current {
height: 48px;
line-height: 48px;
border-bottom: 1px solid #dedede;
}
.main_r .current .main_r_title {
background: url("../images/yuan_blue.png")5px center no-repeat;
text-indent: 36px;
font-size: 18px;
}
.main_r .news_list ul li {
width: 896px;
padding: 19px 0;
border-bottom: 1px dashed #dfdfdf;
}
.main_r .news_list ul li .date a {
display: block;
}
.main_r .news_list ul li .date {
width: 60px;
height: 60px;
background-color: #f2f2f2;
text-align: center;
}
.main_r .news_list ul li .date .date_day {
font-size: 22px;
height: 33px;
line-height: 33px;
color: #333;
}
.main_r .news_list ul li .date a div {
width: 24px;
height: 1px;
background-color: #d2d2d2;
margin: 0 auto;
}
.main_r .news_list ul li .date .date_ym {
font-size: 12px;
color: #666;
height: 26px;
line-height: 26px;
}
.main_r .news_list ul li .news_txt {
width: 796px;
height: 60px;
padding-left: 24px;
}
.main_r .news_list ul li .news_txt .news_txt_title {
height: 32px;
line-height: 32px;
font-size: 16px;
}
.main_r .news_list ul li .news_txt .news_txt_txt {
color: #666;
height: 20px;
overflow: hidden;
line-height: 20px;
}
.main_r .news_list ul li:hover .date a {
background-color: #0154bc;
}
.main_r .news_list ul li:hover .date a h1,
.main_r .news_list ul li:hover .date a p {
color: #fff;
}
.main_r .news_list ul li:hover .news_txt a {
color: #0154bc;
}
.main_r .news_list ul li .news_txt a:hover {
text-decoration: underline;
}
.pro_list ul li {
padding-top: 2px;
}
/*common-分页代ç 开始*/
.pages{padding-top:50px}
.pages,.pages a{color: #0f0f0f}
.pages .cur_page,.pages a:hover,.pages span:hover{background:#0154bc;border:1px solid #0154bc;color:#fff}
.pages{ text-align:center; margin:20px 0px;font-size:14px}
.pages span:first-child, .pages a:first-child{ margin-left:0; border-top-left-radius:4px; border-bottom-left-radius:4px }
.pages a, .pages span{display:inline; position:relative; padding:6px 11px; margin-left:-1px; line-height:1.5; text-decoration:none; background:#f8f8f8; border:1px solid #ccc; cursor:pointer }
.prevNext{border-top:1px solid #cccc;margin-top:30px; padding-top:10px;margin-bottom:50px}
.pages a:last-child{ border-top-right-radius:4px; border-bottom-right-radius:4px }
.commonPages{padding: 20px 0px}
.commonPages{margin-right: -20px}
.commonPages li{text-overflow: ellipsis;white-space: nowrap;padding-right: 20px;overflow: hidden}
/*common-分页代ç 结æŸ*/
.flexslider{overflow: hidden;}
.flexslider .slides img{width:100%;}
.rel_news_list{margin-right:-20px}
.rel_news_list li{width:50%;padding-right:20px;float:left;line-height:30px;}
.commonPages{padding:10px 0px;border-bottom:1px solid #ccc;padding-bottom:20px}
.re_pro_list ul li {
width: 220px;
margin: 0 5px 26px 0;
}
.re_pro_list ul li img{width:100%;}
.relmore{font-size:smaller;text-indent:0}
.main_r_positon .fa{padding-left:10px}
.contactItem{margin-top:20px}
.contactItem li{line-height:50px;font-size:16px}
.contactItem li .fa{font-weight:bold;color:#0154bc;font-size:22px;padding-right:8px}